<template>
  <div>
    <Child title="用户名">
      <template v-slot:name>
        <input type="text" />
      </template>
    </Child>
    <Child title="密码">
      <template v-slot:pwa>
        <input type="text" />
      </template>
    </Child>
    <Child title="性别">
      <template v-slot:sex>
        <input type="radio" name="sex" />男 <input type="radio" name="sex" />女
      </template>
    </Child>
    <Child title="爱好">
      <template v-slot:hobby>
        <input type="checkbox" />抽烟 <input type="checkbox" />喝酒
        <input type="checkbox" />烫头
      </template>
    </Child>
    <Child title="来自于">
      <template v-slot:from>
        <select name="" id="">
          <option value="北京市">北京</option>
          <option value="杭州市">杭州</option>
          <option value="温州市">温州</option>
        </select>
      </template>
    </Child>
  </div>
</template>

<script>
import Child from './components/child.vue'
export default {
  components: {
    Child,
  },
}
</script>

<style></style>
